{% extends "fichas/base.html" %}

{% block contenido %}
    <h2>Razas</h2>
    {% if lista %}
        <div id="razas">
            {% for raza in lista %}
                <div class="raza">
                    {% if raza.imagenesrazas_set.all %}
                        {% for img in raza.imagenesrazas_set.all %}
                            <img src="{{ img.imagen.url }}" />
                        {% endfor %}
                    {% endif %}
                    <h2>{{ raza.nombre }}</h2>
                    <p>{{ raza.descripcion }}</p>
                    {% if raza.bonos %}
                        {% for bono in raza.bonos.all %}
                            <p>{{ bono }}</p>
                        {% endfor %}
                    {% endif %}
                    <a href="{% url escogerraza pj raza.nombre %}">Escoger</a>
                </div>
            {% endfor %}
        </div>
    {% endif %}
{% endblock %}
